<template>
	<swiper class="banner-swiper" circular :indicator-dots="true" :autoplay="true" interval="3000" duration="500">
	<swiper-item v-for="(item, index) in bannerList" :key="index">
	<image :src="item.imageUrl" mode="aspectFill" class="banner-image" />
	</swiper-item>
	</swiper>
</template>

<script>
export default {
	name: 'SlideShow',
	data() {
		return {
			bannerList: [
				{
					imageUrl: 'https://ai-public.mastergo.com/ai/img_res/7a62ddbf84b40d6a48161673437b2646.jpg'
				},
				{
					imageUrl: 'https://ai-public.mastergo.com/ai/img_res/ee742b013995c54940351d0a6c7b7c09.jpg'
				},
				{
					imageUrl: 'https://ai-public.mastergo.com/ai/img_res/f59c2eaf6c5515c39080792a3a99f666.jpg'
				}
			]
		}
	}
}
</script>

<style>
	.banner-swiper {
	height: 300rpx;
	margin-bottom: 40rpx;
	}
	.banner-image {
	width: 100%;
	height: 100%;
	border-radius: 16rpx;
	}
</style>